
@media screen and (min-width:1300px) {
	html {
		overflow-x: hidden;
	}
	section {
		width: 80%;
	}
	a {
		color: #000000;
		text-decoration: none;
	}
	a,input,p,span{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	/* 左边的整体div */
	.bepe_session{
		width: 80%;
		float: left;
	}
	/* ------------公共属性完------------- */
	.bepe_session .bepe_xiangqing{
		border-bottom: 1px solid black;
		width: 80%;
		font-size: 20px;
		margin-left: 3%;
		margin-top: 40px;
		padding-bottom: 20px;
	}
	/* ------------下边的大div------------ */
	.bepe_session .bepe_content{
		width: 97%;
		margin-left: 3%;
		margin-top: 40px;
		padding-bottom: 20px;

	}
	/* -----------这是那三个TAB框----------- */
	.bepe_titleul li{
		width: 80px;
		float: left;
	}
	.bepe_titleul li a:hover{
		color: white;
		background:  #2A82E4;
	}
	.bepe_titleul li a{
		border: 1px solid #8ABAF0;
		margin: 0px;
		height: 32px;
		line-height: 10px;
		background: white;
		font-size: 13px;
		display: inline-block;
	}

	.bepe_titleul li:nth-of-type(1) a{
		border-radius: 5px 0 0 5px ;
		background: #2A82E4;
		color:white;
		font-weight:800;
	}
	.bepe_titleul li:nth-of-type(3) a{
		border-radius: 0px 5px 5px 0px ;
	}
	/* -----------下面切换的大div-----------*/
	.bepe_titleul_div{
		width: 100%;
		/* height: 400px; */	/* 下面整体调整修改这个即可 */
		margin-top: 3%;
	}
	
	
	/* -----------第一个切换的div--也是公共的--------- */
	.tab_div_content{
		width: 100%;
		height: 100%;
		font-size: 11px;
	}
	.tab_div_content>ul{
		width: 100%;
	}
	.tab_div_content>ul>li{
		border-bottom: 1px solid #DADADA;
		height: 80px;
		color: #8C8C8C;
		margin-top: 1px;
	}
	/* -------li里面的第一个div------------ */
	.tab_div_content .bepe_titleul_li_one_div{
		float: left;
		height: 100%;
		margin-left: 2%;
	}
	
	.tab_div_content .bepe_titleul_li_one_div img{
		margin-top: 8px;
		width: 60px;
		height: 60px;
		float: left;
		border-radius: 10px;
	}
	
	.tab_div_content .bepe_titleul_li_one_div p{
		float: left;
		margin-top: 14px;
		margin-left: 4%;
		width: 55%;
		left: 20px;
	}
	.tab_div_content .bepe_titleul_li_one_div p input{
		width: 100%;
	}
	.tab_div_content .bepe_titleul_li_one_div p:nth-of-type(1){
		color: #000000;
	}
	
	#bepe_one .bepe_titleul_li_one_div{
		width: 25%;
	}

	/* -------li里面的第二个div------------ */
	.tab_div_content .bepe_titleul_li_tow_div{
		height: 100%;
		float: left;
	}
	
	.tab_div_content .bepe_titleul_li_tow_div div{
		width: 33%;
		float: left;
		height: 100%;
	}
	.tab_div_content .bepe_titleul_li_tow_div>div span{
		display: inline-block;
		width: 100%;
		margin-top: 14px;
	}
	
	#bepe_one .bepe_titleul_li_shenpi{
		width: 17%;
		float: left;
		height: 100%;
	}
	#bepe_one .bepe_titleul_li_shenpi p{
		margin-top: 20px;
	}
	
	#bepe_one .bepe_titleul_li_shenpi p input{
		width: 50%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow:ellipsis;
	}

	/* -------li里面的第三个div------------ */
	.tab_div_content .bepe_titleul_li_three_div{
		width: 18%;
		height: 100%;
		float: left;
	}
	
	.tab_div_content .bepe_titleul_li_three_div>ul{
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	
	#bepe_one .bepe_titleul_li_tow_div{
		width: 40%;
	}

	/* 第一个div切换里面的第四个 */
	#bepe_one .bepe_titleul_li_three_div{
		width: 16%;
	}
	#bepe_one .bepe_titleul_li_three_div ul li{
		display: inline-block;
		margin-top: 25px;
		width: 27%;
		vertical-align: middle;
		white-space: nowrap;
		text-overflow:ellipsis;
		color: #000000;
	}
	#bepe_one .bepe_titleul_li_three_div ul li:nth-of-type(1){
		width: 20%;
	}
	#bepe_two .bepe_titleul_li_three_div ul li a{
		text-decoration: none;
		color: #2A82E4;
	}
	#bepe_one .bepe_titleul_li_three_div ul .li_studies_state{
		width: 40%;
	}
	#bepe_one .bepe_titleul_li_three_div ul .li_studies_state span{
		width: 50%;
		border: 0.5px solid black;
		text-align: center;
		display: inline-block;
		line-height: 30px;
		vertical-align: middle;
	}
	#bepe_one .bepe_titleul_li_three_div ul .li_studies_state span:nth-last-of-type(1){
		border-radius:  0px 20px  20px 0px;
	}
	#bepe_one .bepe_titleul_li_three_div ul .li_studies_state span:nth-last-of-type(2){
		border-radius: 20px 0px 0px 20px;
	}
	#bepe_one .bepe_titleul_li_three_div ul li a{
		color: #1890FF;
		text-decoration: none;
	}
	.li_studies_state_class_red{
		background: red;
		color: white;
		font-weight: 800;
	}
	.li_studies_state_class_white{
		background: white;
		color: black;
		font-weight: 400;
	}
	
	/* -----------**********第二个切换的div**********----------- */
	
	/* 第二个div切换里面的第一个 */
	#bepe_two .bepe_titleul_li_one_div{
		width: 40%;
	}
	/* 第二个div切换里面的第二个 */
	#bepe_two .bepe_titleul_li_tow_div{
		width: 40%;
	}
	
	/* 第二个第三个div */
	#bepe_two .bepe_titleul_li_three_div{
		width: 18%;
	}
	#bepe_two .bepe_titleul_li_three_div>ul>li{
		display: inline-block;
		margin-top: 30px;
	}
	#bepe_two .bepe_titleul_li_three_div>ul>li:nth-of-type(1){
		margin-left: 20%;
		margin-right: 15%;
	}
	#bepe_two .bepe_titleul_li_three_div>ul>li>a{
		color: #1890FF;
		text-decoration: none;
	}
	
	/* -----------**********第三个个切换的div**********----------- */
	/* 第三个div切换里面的第一个 */
	#bepe_li_three .bepe_titleul_li_one_div{
		width: 40%;
	}
	/* 第三个div切换里面的第二个 */
	#bepe_li_three .bepe_titleul_li_tow_div{
		width: 40%;
	}
	
	/* 第三个第三个div */
	#bepe_li_three .bepe_titleul_li_three_div{
		width: 18%;
	}
	#bepe_li_three .bepe_titleul_li_three_div>ul>li{
		display: inline-block;
		margin-top: 30px;
	}
	#bepe_li_three .bepe_titleul_li_three_div>ul>li:nth-of-type(1){
		margin-left: 20%;
		margin-right: 15%;
	}
	#bepe_li_three .bepe_titleul_li_three_div>ul>li>a{
		color: #1890FF;
		text-decoration: none;
	}
}

@media screen and (max-width:1299px) {
	html {
		overflow-x: hidden;
	}
	section {
		width: 1200px;
	}
	a {
		color: #000000;
		text-decoration: none;
	}
	a,input,p,span{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	/* 左边的整体div */
	.bepe_session{
		width: 80%;
		float: left;
	}
	/* ------------公共属性完------------- */
	.bepe_session .bepe_xiangqing{
		border-bottom: 1px solid black;
		width: 80%;
		font-size: 17px;
		margin-left: 3%;
		margin-top: 40px;
		padding-bottom: 20px;
	}
	/* ------------下边的大div------------ */
	.bepe_session .bepe_content{
		width: 97%;
		margin-left: 3%;
		margin-top: 40px;
		padding-bottom: 20px;
	
	}
	/* -----------这是那三个TAB框----------- */
	.bepe_titleul li{
		float: left;
	}
	.bepe_titleul li a:hover{
		color: white;
		background:  #2A82E4;
	}
	.bepe_titleul li a{
		border: 1px solid #8ABAF0;
		margin: 0px;
		width: 80px;
		height: 32px;
		line-height: 10px;
		background: white;
		font-size: 12px;
		display: inline-block;
	}
	
	.bepe_titleul li:nth-of-type(1) a{
		border-radius: 5px 0 0 5px ;
		background: #2A82E4;
		color:white;
		font-weight:800;
	}
	.bepe_titleul li:nth-of-type(3) a{
		border-radius: 0px 5px 5px 0px ;
	}
	/* -----------下面切换的大div-----------*/
	.bepe_titleul_div{
		width: 100%;
		margin-top: 3%;
	}
	
	
	/* -----------第一个切换的div--也是公共的--------- */
	.tab_div_content{
		width: 100%;
		font-size: 11px;
	}
	.tab_div_content>ul{
		width: 100%;
	}
	.tab_div_content>ul>li{
		border-bottom: 1px solid #DADADA;
		height: 80px;
		color: #8C8C8C;
		margin-top: 1px;
	}
	/* -------li里面的第一个div------------ */
	.tab_div_content .bepe_titleul_li_one_div{
		float: left;
		height: 100%;
		margin-left: 2%;
	}
	
	.tab_div_content .bepe_titleul_li_one_div img{
		margin-top: 8px;
		width: 60px;
		height: 60px;
		float: left;
		border-radius: 10px;
	}
	
	.tab_div_content .bepe_titleul_li_one_div p{
		float: left;
		margin-top: 14px;
		margin-left: 4%;
		width: 55%;
		left: 20px;
	}
	.tab_div_content .bepe_titleul_li_one_div p input{
		width: 100%;
	}
	.tab_div_content .bepe_titleul_li_one_div p:nth-of-type(1){
		color: #000000;
	}
	
	#bepe_one .bepe_titleul_li_one_div{
		width: 25%;
	}
	
	/* -------li里面的第二个div------------ */
	.tab_div_content .bepe_titleul_li_tow_div{
		height: 100%;
		float: left;
	}
	
	.tab_div_content .bepe_titleul_li_tow_div div{
		width: 33%;
		float: left;
		height: 100%;
	}
	.tab_div_content .bepe_titleul_li_tow_div>div span{
		display: inline-block;
		width: 100%;
		margin-top: 14px;
	}
	
	#bepe_one .bepe_titleul_li_shenpi{
		width: 17%;
		float: left;
		height: 100%;
	}
	#bepe_one .bepe_titleul_li_shenpi p{
		margin-top: 20px;
	}
	
	#bepe_one .bepe_titleul_li_shenpi p input{
		width: 50%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow:ellipsis;
	}
	
	/* -------li里面的第三个div------------ */
	.tab_div_content .bepe_titleul_li_three_div{
		width: 18%;
		height: 100%;
		float: left;
	}
	
	.tab_div_content .bepe_titleul_li_three_div>ul{
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	
	#bepe_one .bepe_titleul_li_tow_div{
		width: 40%;
	}
	
	/* 第一个div切换里面的第四个 */
	#bepe_one .bepe_titleul_li_three_div{
		width: 16%;
	}
	#bepe_one .bepe_titleul_li_three_div ul li{
		display: inline-block;
		margin-top: 25px;
		width: 27%;
		vertical-align: middle;
		white-space: nowrap;
		text-overflow:ellipsis;
		color: #000000;
	}
	#bepe_one .bepe_titleul_li_three_div ul li:nth-of-type(1){
		width: 20%;
	}
	#bepe_two .bepe_titleul_li_three_div ul li a{
		text-decoration: none;
		color: #2A82E4;
	}
	#bepe_one .bepe_titleul_li_three_div ul .li_studies_state{
		width: 40%;
	}
	#bepe_one .bepe_titleul_li_three_div ul .li_studies_state span{
		width: 50%;
		border: 0.5px solid black;
		text-align: center;
		display: inline-block;
		line-height: 30px;
		vertical-align: middle;
	}
	#bepe_one .bepe_titleul_li_three_div ul .li_studies_state span:nth-last-of-type(1){
		border-radius:  0px 20px  20px 0px;
	}
	#bepe_one .bepe_titleul_li_three_div ul .li_studies_state span:nth-last-of-type(2){
		border-radius: 20px 0px 0px 20px;
	}
	#bepe_one .bepe_titleul_li_three_div ul li a{
		color: #1890FF;
		text-decoration: none;
	}
	.li_studies_state_class_red{
		background: red;
		color: white;
		font-weight: 800;
	}
	.li_studies_state_class_white{
		background: white;
		color: black;
		font-weight: 400;
	}
	
	/* -----------**********第二个切换的div**********----------- */
	
	/* 第二个div切换里面的第一个 */
	#bepe_two .bepe_titleul_li_one_div{
		width: 40%;
	}
	/* 第二个div切换里面的第二个 */
	#bepe_two .bepe_titleul_li_tow_div{
		width: 40%;
	}
	
	/* 第二个第三个div */
	#bepe_two .bepe_titleul_li_three_div{
		width: 18%;
	}
	#bepe_two .bepe_titleul_li_three_div>ul>li{
		display: inline-block;
		margin-top: 30px;
	}
	#bepe_two .bepe_titleul_li_three_div>ul>li:nth-of-type(1){
		margin-left: 20%;
		margin-right: 15%;
	}
	#bepe_two .bepe_titleul_li_three_div>ul>li>a{
		color: #1890FF;
		text-decoration: none;
	}
	
	/* -----------**********第三个个切换的div**********----------- */
	/* 第三个div切换里面的第一个 */
	#bepe_li_three .bepe_titleul_li_one_div{
		width: 40%;
	}
	/* 第三个div切换里面的第二个 */
	#bepe_li_three .bepe_titleul_li_tow_div{
		width: 40%;
	}
	
	/* 第三个第三个div */
	#bepe_li_three .bepe_titleul_li_three_div{
		width: 18%;
	}
	#bepe_li_three .bepe_titleul_li_three_div>ul>li{
		display: inline-block;
		margin-top: 30px;
	}
	#bepe_li_three .bepe_titleul_li_three_div>ul>li:nth-of-type(1){
		margin-left: 20%;
		margin-right: 15%;
	}
	#bepe_li_three .bepe_titleul_li_three_div>ul>li>a{
		color: #1890FF;
		text-decoration: none;
	}
}